<template>
  <div v-if="props.show" class="fixed bg-mask-6 w-full h-full left-0 top-0 z-200">
    <div class="absolute w-300px h-241px left-524px top-265px">
      <img :src="LoginSuccessIcon" alt="" />
      <div class="w-280px h-152px rounded-4px bg-mask-white-8 flex flex-col items-center">
        <img class="mt-34px" :src="LoginSuccessSimpleIcon" alt="" />
        <div class="mt-14px font-bold text-16px color-word leading-23px">
          恭喜您，登录成功！上机愉快！
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import LoginSuccessIcon from '@renderer/assets/loginSuccess.svg'
import LoginSuccessSimpleIcon from '@renderer/assets/loginSuccessSimple.svg'
const props = defineProps({
  show: {
    type: Boolean,
    default: false
  }
})
</script>

<style scoped></style>
